/**
 * 
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...


/**
 * 
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...


$(function () {
    var count1 = $('#todolist li').length;
    var count2 = $('#donelist li').length;
    console.log(count1);
    console.log(count2);

    //添加
    $("#title").on("keydown", function (evt) {
        var e = evt || event;
        var code = e.keyCode || e.which;
        if (code === 13) {
            add();
            e.preventDefault();
        }
    })
    function add() {
        var value = $("#title").val().trim();
        // console.log(value.length);
        if (value === "") {
            return false;
        } else {
            $("#todolist").append(
                `<li>
                <input type="checkbox" class="check" />
                <p onclick="edit(1)">${value}</p>
                <a href="javascript:remove(1)" class="del">-</a>
            </li>`
            );
        }
        $("#title").val("");
        count1++;
        $("#todocount").text(count1);
    }

    //更新
    $("#todolist").on("click", "p", function () {
        var test = $(this).text();
        var input = $("<input type='text' value='" + test + "'>");
        $(this).append(input);
        input.trigger("focus");
        input.blur(function () {
            var texts = $(this).val();
            if (texts != test) {
                $(this).parent().html(texts);
                $(this).parent().children().remove();
            }
        });
    })
    $("#donelist").on("click", "p", function () {
        var test = $(this).text();
        var input = $("<input type='text' value='" + test + "'>");
        $(this).append(input);
        input.trigger("focus");
        input.blur(function () {
            var texts = $(this).val();
            if (texts != test) {
                $(this).parent().html(texts);
                $(this).parent().children().remove();
            }
        });
    })

    //移动到已完成 
    $("#todolist").on("change", "input[type=checkbox]", function () {
        $("#donelist").append($(this).parent());
        count2++;
        $("#donecount").text(count2);
        if (count1 !== 0) {
            count1--;
            $("#todocount").text(count1);
        }
    })

    $("#donelist").on("change", "input[type=checkbox]", function () {
        $("#todolist").append($(this).parent());
        count1++;
        $("#todocount").text(count1);
        if (count2 !== 0) {
            count2--;
            $("#donecount").text(count2);
        }
    })

    //删除
    $("#todolist").on("click", "a", function () {
        $(this).parent().remove();
        //数字改变
        if (count1 !== 0) {
            count1--;
            $("#todocount").text(count1);
        } else {
            count1 = 0;
        }
    })
    $("#donelist").on("click", "a", function () {
        $(this).parent().remove();
        //数字改变
        if (count2 !== 0) {
            count2--;
            $("#donecount").text(count2);
        } else {
            count2 = 0;
        }
    })


    $.ajax({
        url: "/aa",
        dataType: "json",
        success(res) {
            console.log(res);
            $('#ipv4').text(res.ip)
            $('#addr').text(res.country + res.area)
        }

    });
})
